.mypage{
	min-height: 100vh;
	box-sizing: border-box;
}

.mzw-safeB{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.mzw-bgc1{
	background-color: #F4FAF7;
}
.mzw-page{
	.u-navbar__content__left__text{
		font-weight: 600;
	}
	.u-navbar--fixed{
		z-index: 101 !important;
	}
}

.m-mzw-tab1{
	padding-top: 4rpx;
	.u-tabs__wrapper__nav__line{
		background-image: linear-gradient(to right, #00BBFF 0%, #5ADA7A 100%) !important;
		bottom: 8rpx !important;
	}
}

.m-mzw-date1{
	padding: 16rpx 0 20rpx;
	.con{
		display: flex;
		align-items: center;
		.date{
			flex: 1;
			overflow: hidden;
			height: 64rpx;
			box-sizing: border-box;
			border-radius: 32px;
			border: 1px solid #F5F6F7;
			background-color: #F5F6F7;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 400;
			font-size: 28rpx;
			line-height: 48rpx;
			color: #1C274C;
			.icon{
				width: 14rpx;
				flex-shrink: 0;
				margin-left: 10rpx;
				margin-bottom: 10rpx;
			}
			&.focus{
				font-weight: 600;
				border-color: #24A7CE;
				color: #24A7CE;
				background-color: rgba(36, 167, 206, 0.2);
			}
		}
		.line{
			font-weight: 400;
			font-size: 20rpx;
			line-height: 48rpx;
			margin: 0 10rpx;
			color: #1C274C;
		}
	}
	
}
.m-mzw-date-popup{
	.popup-con{
		margin-top: calc(44px + 100rpx);
		padding: 0 30rpx 40rpx;
	}
}